<template>
	<view class="wrapper">
		<view class="item">
			<text class="text">姓名</text>
			<view class="content">{{ userinfo.nick_name }}</view>
		</view>
		<view class="item">
			<text class="text">手机号码</text>
			<view class="content">{{ userinfo.phone }}</view>
		</view>
		<view class="item">
			<text class="text">职位</text>
			<view class="content">
				<text v-for="(item,index) in userinfo.postNames" :key="index">{{index==0?'':'、'}}{{ item }}</text>
			</view>
		</view>
		<view class="item">
			<text class="text">所在组</text>
			<view class="content"> 
				<text v-for="(item,index) in userinfo.deptNames" :key="index">{{index==0?'':'、'}}{{ item }}</text>
			</view>
		</view>
		<view class="item">
			<text class="text">隶属公司</text>
			<view class="content" style="border-bottom:none;">{{ userinfo.tenantName }}</view>
		</view>
	</view>
</template>

<script>
import { mapState } from 'vuex';
export default {
	name: 'information',

	data() {
		return {
			arrInfo: []
		};
	},
	computed: {
		...mapState('user', ['userinfo'])
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
page {
	height: 100%;
	background: #f3f6f8;
}
.wrapper {
	margin: 0 auto;
	width: 680rpx;
}
.item {
	margin: 40rpx 0 0rpx 0;

	.text {
		font-size: 26rpx;
		font-weight: 400;
		color: #999999;
		border-bottom: none;
	}
	.content {
		margin-top: 10rpx;
		display: block;
		font-size: 32rpx;
		font-weight: 600;
		color: #333333;
		height: 75rpx;
		border-bottom: 2rpx #eeeeee solid;
	}
}
</style>
